<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1">
		
		<title>119宿舍的主页</title>

		<!-- Loading third party fonts -->
		<link href="http://fonts.googleapis.com/css?family=Belgrano:400" rel="stylesheet" type="text/css">
		<link href="fonts/font-awesome.min.css" rel="stylesheet" type="text/css">

		<!-- Loading main css file -->
		<link rel="stylesheet" href="style.css">
		
		<!--[if lt IE 9]>
		<script src="js/ie-support/html5.js"></script>
		<script src="js/ie-support/respond.js"></script>
		<![endif]-->

		
	</head>


	<body>
		<div class="site-content">
			<div class="site-header header-collapsed">
				<div class="container">
					<div class="header-bar">
						<a href="index.html" class="branding">
							<img src="images/logo.png" alt="" class="logo">
							<h1 class="site-title">119宿舍的家</h1>
						</a>

						<!-- Default snippet for navigation -->
						<div class="main-navigation">
							<button type="button" class="menu-toggle"><i class="fa fa-bars"></i></button>
							<ul class="menu">
								<li class="menu-item current-menu-item"><a href="#about">首页</a></li>
								<li class="menu-item"><a href="#pastors">关于我们</a></li>
								<li class="menu-item"><a href="#events">我们的故事</a></li>
								
							</ul> <!-- .menu -->
						</div> <!-- .main-navigation -->

						<div class="mobile-navigation"></div>
						
					</div>
				</div>
			</div> <!-- .site-header -->

			<div class="hero">
				<ul class="slides">
					<li data-bg-image="images/slider-1.jpg">
						<div class="container">
							<div class="slide-content">
								<h1 class="slide-title">我们的119</h1>
								<small class="date">From 2020</small>
								<p>Our story begins at Huazhong University of Science and Technology</p>
								<div class="text-center">
									<a href="http://tina-yao.gitee.io/ce2001" class="button">返回班级主页</a>
								</div>
							</div>
						</div>
					</li>

					
				</ul>
			</div>

			<main class="main-content">
				<div id="about" class="fullwidth-block">
					<div class="container">
						<div class="row">
							<div class="col-md-3 col-sm-6">
								<div class="feature">
									<div class="feature-icon"><img src="images/icon-church.png" alt="" class="icon"></div>
									<h2 class="feature-title">成员</h2>
									<p>刘弈成 韩磊 杨释然 徐语骋</p>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="feature">
									<div class="feature-icon"><img src="images/icon-candles.png" alt="" class="icon"></div>
									<h2 class="feature-title">地址</h2>
									<p>沁苑学生公寓 东十一舍 119</p>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="feature">
									<div class="feature-icon"><img src="images/icon-cross.png" alt="" class="icon"></div>
									<h2 class="feature-title">兴趣</h2>
									<p>卷！卷！卷！</p>
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="feature">
									<div class="feature-icon"><img src="images/icon-star.png" alt="" class="icon"></div>
									<h2 class="feature-title">口号</h2>
									<p>没有最卷，只有更卷！</p>
								</div>
							</div>
						</div> <!-- .row -->
					</div> <!-- .container -->
				</div> <!-- #about -->

				<div id="pastors" class="fullwidth-block" data-bg-color="#4a3173">
					<div class="container">
						<h2 class="section-title">认识我们</h2>
						<p class="section-intro">四名理工优质男</p>

						<div class="row">
							<div class="col-md-2 col-sm-3 col-xs-6">
								<div class="pastor">
									
									<img src="images/yileina.webp" alt="" class="pastor-image"onclick="javascript:location.href='http://comedymaker.gitee.io/allwillbefine/index.html'">
								</a>
									<h3 class="pastor-name">刘弈成</h3>
									<small class="date">深度死宅</small>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-6">
								<div class="pastor">
									<img src="images/hl.jpg" alt="" class="pastor-image"onclick="javascript:location.href='https://tongwangduoxiangshifuzadudelu.gitee.io/web-job'">
									<h3 class="pastor-name">韩磊</h3>
									<small class="date">ACM大佬</small>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-6">
								<div class="pastor">
									<img src="images/ysr.jpg" alt="" class="pastor-image"onclick="javascript:location.href='http://ysrjason.gitee.io/college_computer_base/'">
									<h3 class="pastor-name">杨释然</h3>
									<small class="date">读书沙龙</small>
								</div>
							</div>
							<div class="col-md-2 col-sm-3 col-xs-6">
								<div class="pastor">
									<img src="images/messi.png" alt="" class="pastor-image"onclick="javascript:location.href=' http://xu-yucheng.gitee.io/page'">
									<h3 class="pastor-name">徐语骋</h3>
									<small class="date">巴萨球迷</small>
								</div>
							</div>
							
						</div> <!-- .row -->

						<div class="text-center">
							<a href="#" class="button">点击以上图片访问我们的个人网站</a>
						</div>
						
					</div> <!-- .container -->
				</div> <!-- #pastors -->

				<div id="events" class="fullwidth-block">
					<div class="container">
						<h2 class="section-title">我们的故事</h2>
						
						<div class="row">
							
							<div class="col-md-3 col-sm-6">
								<div class="event">
									<img src="images/first.jpg" alt=""width="250px" height="200px">
									<h3 class="event-title"><a href="">第一次见面~~</a></h3>
									<div class="event-meta"><span class="date"><i class="fa fa-calendar"></i> 09/18/2020</span><span class="location"><i class="fa fa-map-marker"></i>华中科技大学</span></div>
									
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="event">
									<img src="images/huoguo1.jpg" alt=""   width="250px" height="200px" >
									<h3 class="event-title"><a href="#">119宿舍的第一次聚餐~~</a></h3>
									<div class="event-meta"><span class="date"><i class="fa fa-calendar"></i> 10/03/2020</span><span class="location"><i class="fa fa-map-marker"></i>光谷广场</span></div>
									
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="event">
									<img src="images/hongpaguan.jpg" alt="" width="250px" height="200px">
									<h3 class="event-title"><a href="">周末轰趴馆~~</a></h3>
									<div class="event-meta"><span class="date"><i class="fa fa-calendar"></i> 11/01/2020</span><span class="location"><i class="fa fa-map-marker"></i>轰趴馆</span></div>
									
								</div>
							</div>
							<div class="col-md-3 col-sm-6">
								<div class="event">
									<img src="images/huoguo2.jpg" alt="" width="250px" height="200px">
									<h3 class="event-title"><a href="">119宿舍的第二次聚餐~</a></h3>
									<div class="event-meta"><span class="date"><i class="fa fa-calendar"></i> 11/28/2020</span><span class="location"><i class="fa fa-map-marker"></i>呷哺呷哺</span></div>
									
								</div>
							</div>
						</div> <!-- .row -->
					</div> <!-- .container -->
				</div> <!-- #events -->

				
						

				

						

				 
		

		<script src="js/jquery-1.11.1.min.js"></script>
		
		<script src="js/plugins.js"></script>
		<script src="js/app.js"></script>
		
	</body>

</html>